<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Webcat</title>
<meta name="keywords" content="${siteConfig.title}"/>
<meta name="description" content="${siteConfig.title}"/>
<meta name="robots" content="all"/>
<meta name="googlebot" content="all"/>
<meta name="baiduspider" content="all"/>
<meta name="copyright" content="test"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<link rel="stylesheet" type="text/css" href="resource/widget/css/widget.css"/>
<script type="text/javascript" src="resource/webcat/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="resource/widget/widget.js"></script>
<script type="text/javascript">
<!--
jQuery(function() {
    var splitPanel = null;

    if(jQuery("div.split-panel").size() > 0) {
        splitPanel = new SplitPanel({"container" : jQuery("div.split-panel").get(0)});
    }

    jQuery("input[name=x-split]").click(function() {
        jQuery("div.split-panel").attr("split", "x");
        splitPanel.init();
    });

    jQuery("input[name=y-split]").click(function() {
        jQuery("div.split-panel").attr("split", "y");
        splitPanel.init();
    });
});
//-->
</script>
</head>
<body style="overflow: hidden;">
<div style="height: 400px;">
    <div class="split-panel" style="background-color: #00ff00;" split="x">
        <div class="split-left" style="background-color: #c0c0c0;"><h1>xsplit-left</h1></div>
        <div class="split-bar" style="background-color: #ffff00; cursor: col-resize;"></div>
        <div class="split-right" style="background-color: #efefef;"><h1>xsplit-right</h1></div>
    </div>
</div>
<input name="x-split" type="button" value="XSplit" />
<input name="y-split" type="button" value="YSplit" />
</body>
</html>
